home *** CD-ROM | disk | FTP | other *** search
/ Over 1,000 Windows 95 Programs / Over 1000 Windows 95 Programs (Microforum) (Disc 1).iso / 0719 / readme.txt < prev    next >
Text File  |  1997-04-08  |  12KB  |  203 lines

  1.                                 
  2.                                 Web Grafitti
  3.  
  4.                              By Lumina Software
  5.  
  6.     Web Grafitti is an applett whose primary purpose is to help the user 
  7. preview and implement background and text colors for web pages.  
  8. The following text will guide you through that process.
  9.  
  10. Finger Paints to Hexidecimal. (skip this if you're in a hurry)
  11.     In real life, the color of light can be broken down into the three primary
  12. colors: Red, Blue and Green.  When all three colors are at their maximum
  13. intensity, the light is pure white.  When all three colors are at their
  14. lowest, or not there at all, there is no light, which basically means black.
  15. Anywhere in between is the secondary colors.  If all the primary colors are
  16. equal, you get grey.  But, at different intensities, you get purples, oranges,
  17. yellows and any other imaginable color.  Not surprisingly, computers work the 
  18. same way.  However, when computers do it, they count the intensities as numbers
  19. from 0 to 255 (a total of 256 possible values.)  Why such a strange number???
  20. That's where hexidecimal comes into play.  Hexidecimal is base 16 numbers.
  21. This means that there are 16 possible values for each digit.  16 * 16 = 256
  22. so each value intensity can be represented by a two digit hex number.  Put
  23. the three together and you get one 6 digit hex value.  Confused?  Well, even
  24. if you're not, you can imagine that visualizing each color, then figuring
  25. out the hex value for it is quite a bit of work.  That's where this program
  26. comes in.  It allows you to change the intensity values with windows scroll
  27. bars and preview the color.  When you have something you like, it will tell
  28. you the value in hex for that color so you can use it to set the background
  29. and text colors of a web page.
  30.  
  31. Choosing a Color
  32.     In the shareware version of Web Grafitti, there are three ways to choose
  33. a color.  You can use each individually, or a combination of them to find
  34. the color you want.  When you run Web Grafitti you will notice that the window
  35. is divided into two halves.  Each is a separate color control, and changes a
  36. different part of the color-preview box (on the right).  This way, you can
  37. see how colors appear when next to each other.  When you click on either half
  38. you will notice that a box appears around it, highlighting it.  Any changes
  39. made by a menu option will be done to the highlighted half.
  40.  
  41. The Palette Menu
  42.     A palette is a group of commonly used colors, arranged so that they can
  43. easily be accessed and used.  The Web Grafitti palette is accesed through the
  44. menus at the top of the window.  Try this:
  45.  
  46. Start Web grafitt, then click somewhere in the top window, to highlight it.
  47. Go to the menu option Palette | Red
  48.     - The outside of the box at the right turns red.
  49. Click somewhere in the bottom half of the window.
  50. GO to the menu option Palette | Blue
  51.     - The inside of the box at the right turns blue.
  52.  
  53.     Now, you can see how the two colors work with each other.  You can see if
  54. they contrast enough to be used as text and background colors, or whether or
  55. not they would work well as text and link colors.  (You'll learn to copy them
  56. into a web page later.)
  57.  
  58.     Note: In the registered version, you have the ability to make your own 
  59. palettes.
  60.  
  61. The Color Chooser
  62.     The palette, though it's a wonderfully quick and easy method, does not
  63. give a very wide range of colors.  That's where the color chooser comes in.
  64. Click on the half of the window that you would like to change.  Then, go to
  65. the menu option Special | Color Chooser.  A window appears with a large
  66. square on the left and a thin rectangle on the right.  These represent the
  67. three color intensities.  The box represents red and green, going across and
  68. down.  The Rectangle represents Blue, going down.  At the bottom right corner
  69. of the window is another box.  If you had already chosen a color before going
  70. to the color chooser, this box will now be that color.  Otherwise, it will
  71. be black.  Click on a color in the big square.  A small box moves to where you
  72. clicked, the rectangle re-draws with new colors, and the box in the bottom
  73. right changes to the color that you clicked on.  Click on a color in the
  74. rectangle.  The Square on the right re-draws, a rectangle moves to where you
  75. clicked, and the box in the lower right changes again.  Experiment with this
  76. for awhile until you have a color you like.  Then click OK, and you are
  77. returned to the main window, now displaying the color you chose.  If you do
  78. not like the color you chose more than the original, then click cancel instead
  79. and you are returned to the main window, displaying the original color.
  80.  
  81.     Hint: On some computers, displaying the color chooser at it's highest
  82. resolution is very slow.  If this is the case for you, set the fast-redraw
  83. check box in the lower left corner of the color chooser to checked, and it
  84. will re-draw it at a lower resolution.  This may make it harder to choose
  85. the exact color you want, but when you return to the main window, it will
  86. not affect it.
  87.  
  88.     Note:  The registered version of Web Grafitti comes with a second color
  89. chooser, as well, that lets you choose the ratio of colors, and the how bright
  90. or dark they will be.
  91.  
  92. The Scroll Bars
  93.     You may have noticed, when you used the palette or the color chooser, that
  94. each time the color changed, the three scroll bars in that half of the window
  95. jumped to a new place and the numbers on the boxes to the left of them 
  96. changed.  These scroll bars give you direct control over the three values of
  97. the color you choose.  If you move any one all the way to the right, and the
  98. others all the way to the left, it will display that color.  If you move the
  99. top two all the way to the right and the bottom one to the left, you get
  100. yellow.  When you move the three of them to different places in the middle
  101. you can get any color imaginable.
  102.     You can also use the number boxes to the left of the scroll bars.  Type
  103. in the values of the intensities you want (0-255).  The scroll bar jumps to
  104. that position and the new color is displayed in the box on the right.  This
  105. comes in handy when you know the RGB values of the color you want, or you
  106. want to be really specific.
  107.  
  108. Using the color
  109.     You will notice that somewhere in each half of the window there is a
  110. jumble of letters and numbers that changes along with the color.  This is the
  111. hex value of that color.  Now, you could just remember the number, and type
  112. it into the html file yourself.  Of course, it'd be a lot easier if the
  113. program did it for you.  It almost does that.  Click on the copy button on the
  114. half of the window whose color you would like to use.  The hex value for that
  115. color is then copied to the clipboard.  (Be careful.  If another program
  116. had put something on the clipboard before, it will be lost.)  You can then
  117. go into a text editor, and use the paste command to insert the hex value into
  118. the text file.
  119.     You may want to try this out with the sample web page that comes with
  120. Web Grafitti.  It is called TESTER.HTM.  Open this file in a text editor (I
  121. prefer Windows notepad.) and move the cursor to the <body ...> tag.  In case
  122. you aren't familiar with changing color values in the <body> tag, there's a
  123. key to which value does what.  Choose the color you want for each value with
  124. Web Grafitti then click the copy button.  Highlight the symbol for the value
  125. you want to change in the text editor.  Then, either press DELETE to get rid
  126. of it, or just paste the hex value over it.
  127.     Once you've inserted a few of the values, you can save the file, then
  128. preview it in Netscape (keep the text editor open if you can spare the memory).
  129. If you don't like the color scheme, you can choose new colors in Web Grafitti,
  130. then paste them over the originals.  Keep changing the values, then saving and
  131. previewing the file until you're happy with the appearance.
  132.  
  133. Special Features
  134.     Web Grafitti was specifically designed as an applett to be used along with
  135. other, larger prorgams.  This was done by two features.
  136.     The "stay on top" check box at the top of the main window does pretty
  137. much exactly what it says it does.  When checked, the main window will stay
  138. on top of any other windows.  This means that if you click on another program
  139. in order to use it, the Web Grafitti window will not be lost behind it.  This
  140. comes in handy when you have 5 different programs open (text editor, Netscape,
  141. 2 or 3 graphics apps, etc.).  It would be fairly easy for a small window like
  142. Web Grafitti to get lost amidst that.  When using a window that is partially
  143. covered by Web Grafitti in "stay on top" mode, it functions as normal except
  144. that you can't use anything covered up by Web Grafitti.
  145.     The problem of Web Grafitti covering up a window that's under it can be
  146. solved by the button in the upper left corner of the window.  Click on this
  147. and Web Grafitti shrinks into a much smaller window.  Click the button again
  148. (the picture on it should change) and the window returns to its original size.
  149. This option can be used with or without the "stay on top" feature.
  150.  
  151. Tips and Tricks
  152.     If you would like to use a color that's in a graphics file, there is no
  153. direct support for this with Web Grafitti, but it can be done along with a
  154. paint program.  Most programs will tell you the RGB values of a color in
  155. integer format.  You can then type those into Web Grafitti and export them
  156. as hex.  In Paint Shop Pro, for instance, do the following:
  157.  
  158. Click on the color you want with the dropper tool.
  159.     - On one of the tool panels, you will see a box change to that color.
  160. Double click on that box.
  161.     - One of two windows will appear.
  162. If it is a .gif image or another 256 color image, you will see a grid of 
  163.     colors.  The one that you clicked on will be highlighted and at the
  164.     bottom, it will say the RGB values.
  165. If it is a .jpg or another 16.4 million color image, you will see a window 
  166.     which says the RGB values in the lower right corner.
  167. If it is a 16 color image, the window that appears will be similar to the one
  168.     shown for a 256 color image.
  169.  
  170. Registration pitch:
  171.     You can use Web Grafitti for 30 days to see if you like it.  After that,
  172. you should register it if you would like to continue using it or if you found
  173. it useful.  If you register it for the low low price of $5.00, we'll send you
  174. the latest full version of Web Grafitti which includes:
  175.  
  176. - The ability to make and save your own palettes, as well as use other 
  177.     palettes
  178. - Another color chooser which allows you to select the ratio of intensities,
  179.     then choose how light or dark the final color will be
  180. - The ability to export color values to Pov Ray (the ray tracer) format and
  181.     as integers (0-255)
  182. - Any bug fixes of enhancements that are made between now and when you order
  183.     it
  184.  
  185. But most of all you get that warm feeling inside, knowing that you helped us
  186. starving programmers (well, maybe not starving...).  So, go ahead and order
  187. Web Garafitti.  It's as simple as printing out the order form, (or making your
  188. own with the same information) and sending it in along with a check for $5.00.
  189. The order form can be found in the file ORDER.TXT.
  190.  
  191. Send orders to:
  192.  
  193. Lumina Software
  194. P.O. Box 11-444
  195. Loudonville, NY 12211
  196. USA
  197.  
  198. Shipping and Handling charges are included in the price of the software.
  199.  
  200. Lumina Software can be contacted by e-mail at jejo@empireone.net .  Write
  201. here to inquire about international orders.
  202.  
  203.